
@font-face {
    font-family: "iconfont"; /* Project id 2833837 */
    src: url('../imgs/fonts/iconfont.woff2') format('woff2'),
         url('../imgs/fonts/iconfont.woff') format('woff'),
         url('../imgs/fonts/iconfont.ttf') format('truetype');
  }
  .iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-weizhi:before {
    content: "\e649";
  }
  .header-h {
    width: 100%;
    background-color: #fff;
}
.header {
    width: 1200px;
    height: 146px;
    margin: 0 auto;
    position: relative;
}
.logo {
    position: absolute;
    top: 28px;
    width: 218px;
    height: 90px;
    float: left;
}
.logo a {
    display: block;
    width: 218px;
    height: 90px;
    background: url('../imgs/head-logo.jpg');
    text-indent: -2000px;
}
.z-tip {
    position: relative;
    top: 88px;
    left: 250px;
    border-left: 1px solid rgb(32, 82, 158);
    color: rgb(32, 82, 158);
    padding-left: 15px;
}
.ct {
    width: 100%;
    background: #fff;
    height: 116px;
}
.constant {
    width: 1200px;
    height: 116px;
    margin: 0 auto;
}
.z-right {
    float: right;
    position: absolute;
    right: 0;
    bottom: 20px;
}
.z-tab {
    width: 220px;
    height: 42px;
    border-radius: 5pxs;
    border: 1px solid rgb(32, 82, 158);
}
.z-tab-ber,.z-tab-ship{
    width: 110px;
    height: 42px;
    float: left;
} 
.z-tab-ber{
    background: rgb(32, 82, 158);
    color: #fff;
    line-height: 42px;
    text-align: center;

}
.hover1 {
    background: #fff;
    color: rgb(32, 82, 158);
}
.z-tab-ship {
    background: #fff;
    color: rgb(32, 82, 158);
    line-height: 42px;
    text-align: center;
}
.hover2 {
    background: rgb(32, 82, 158);
    color: #fff;
}
.lleft {
    width: 1200px;
    height: 652px;
    margin: 0 auto;
    background: #fff;

}
.lleft-one {
    width: 680px;
    height: 652px;
    border-right: 2px solid #e0dede;
    box-sizing: border-box;
    float: left;
    padding-right: 140px;
}
.reg-form-group {
    width: 400px;
    height: 70px;
    margin-left: 80px;
    margin-bottom: 14px;
}
.int {
    width: 400px;
    height: 54px;
    border: 1px solid #e0dede;
    line-height: 54px;
    position: relative;
}
.int input {
    border: none;
    color: #666;
    outline: none;
}
.f-fl {
    margin-left: 20px;
    margin-right: 50px;
}
.ffp {
    margin-left: 20px;
}
.reg {
    width: 400px;
    height: 50px;
    font-size: 16px;
    margin-left: 80px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    background:rgb(32, 82, 158);
}
.z-tab-ship,.zrht {
    cursor: pointer;
}
.zrht {
    color: rgb(32, 82, 158);
}
.yanz {
    line-height: 54px;
    float: right;
    position: absolute;
    right: 0 ;
    top: 0;
    background: #e0dede;
}
.righ {
    float: left;
    width: 360px;
    height: 460px;
    margin-left: 60px;
}
.righ img {
    display: block;
    width: 360px;
    height: 460px;
}




.ebend {
width: 100%;
background: #fff;
}
.b-end {
margin: 0 auto;
width: 1200px;
height: 209px;
box-sizing: border-box;
padding: 48px 100px 150px 100px;
}
.bend span {
display: block;
float: left;
}
.bend-ul {
float: left;
}
.bend-lis {
float: left;
padding: 0 10px;
border-right: 1px solid rgb(240, 239, 239);
}
.bend-lis a ,.bend span{
color: #666;
}
.bend-lis:nth-child(11) {
border-right: none;
}
.lend {
margin-top: 30px;
margin-left: 150px;
}
.lend-li {
float: left;
margin-left: 10px;
}
.lend-li a{
color: #666;
}
.tend {
margin-left: 120px;
margin-top: 30px;
}
.tend li {
float: left;
margin-right: 10px;
}